<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <h1>注册</h1>
        用户名：<input type="text" value="username" v-model="Fformdatas.user"><br>
密码：<input type="password" value="password" v-model="Fformdatas.pas1"><br>
确认密码：<input type="password" value="passwords" v-model="Fformdatas.pas"><br>
性别： <input type="radio" value="0" v-model="Fformdatas.sex" >男
<input type="radio" value="1" v-model="Fformdatas.sex">女 <br>
爱好：<input type="checkbox" value="0" v-model="Fformdatas.aihao">读书 
<input type="checkbox" value="1" v-model="Fformdatas.aihao">体育
<input type="checkbox" value="2" v-model="Fformdatas.aihao">旅游
<br>
国籍：<select v-model="Fformdatas.guo">
    <option value="中国">中国</option>
    <option value="日本">日本</option>
    <option value="美国">美国</option>
</select><br><br>
个人简历：<textarea cols="40" rows="10" v-model="Fformdatas.neirong"></textarea><br>
<button @click="sub">提交</button>
    </div>
    <script>
        let vm=new Vue({
            el:"#app"
            ,
            data:{
                Fformdatas:{
                    user:'',
                    pas1:'',
                    pas:'',
                    sex:0,
                    aihao:['0'],
                    guo:'中国',
                    neirong:''

                }
            },
            methods:{
                    sub(){
                        console.log(this.Fformdatas.user);
                        console.log(this.Fformdatas.pas1);
                        console.log(this.Fformdatas.pas);
                        console.log(this.Fformdatas.sex);
                        console.log(this.Fformdatas.sex1);
                        console.log(this.Fformdatas.aihao);
                        console.log(this.Fformdatas.guo);
                        console.log(this.Fformdatas.neirong);
                    }
                }
        })
    </script>
</body>
</html>